<template>
<div class="goods-list">
    <goods-list-item :product="item"  v-for="(item,index) in props.goods" :key="index"></goods-list-item>
</div>
</template>

<script setup lang="ts">
import type {Goods} from "@/types/goods";
import GoodsListItem from "@/components/common/goods/GoodsListItem.vue";

interface Props{
  goods:Goods.Dto[];
}
const props = withDefaults(defineProps<Props>(),{
  goods:()=>[],
})
</script>

<style lang="scss">
.goods-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
</style>